/**
 * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
 * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
 */

import { blue } from "react-native-reanimated/lib/typescript/Colors";

const tintColorLight = '#0a7ea4';
const tintColorDark = '#fff';

const mainColor = "#4ED293";
const mainColor_light = "#98DEBD";

const subMain = "rgb(156,154,143)";
const white = "white";
const black = "black";

const grey = 'rgb(200,200,200)';
const dark = 'rgb(130,130,130)';

const red = 'rgb(205, 55, 55)';
const red_light = 'rgba(205, 55, 55,.2)';

const yellow = 'rgb(254, 190,43)';
const yellow_light = 'rgba(252, 213, 3,.2)';


export const Colors = {
  light: {
    text: '#11181C',
    background: '#fff',
    tint: tintColorLight,
    icon: '#687076',
    tabIconDefault: '#687076',
    tabIconSelected: tintColorLight,
    blue:'rgb(110,110,190)',
    grey:'rgb(200,200,200)',
    subMain,
    white,

  },

  dark: {
    text: '#ECEDEE',
    background: '#151718',
    tint: tintColorDark,
    icon: '#9BA1A6',
    tabIconDefault: '#9BA1A6',
    tabIconSelected: tintColorDark,
    blue:'rgb(110,110,190)',
    grey:'rgb(200,200,200)',

    
    white,




  },
  mainColor,
  mainColor_light,
  subMain,
  lightgrey:'rgb(230,230,230)',
  white,
  grey,
  red,
  black,
  dark,
  red_light,yellow,yellow_light,
};

